<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:ez="http://java.sun.com/jsf/composite/ezcomp"> 
    <!--
    Author Lu Xiaodi
    -->
    <h:head> 
        <title>SABM</title> 

        <style type="text/css"> 

            .gritter-notice-wrapper { 
                left:200px; 
                top:50px; 
            } 
        </style> 

    </h:head> 
    <h:body>                 
        <ez:TCubeAdminTopMenu/>

        <h1>Stakeholder Account and Billing Management</h1> 


        <p:layout style="table-layout:auto; height:700px ">
            <p:layoutUnit position="left" header="Navigation" width="300">
                <h:form id="SABMTCubeAdminSM">
                    <h:commandLink value="Add Stakeholder" action="/TCubeAdmin/SABM_SM/addStakeholder.xhtml?faces-redirect=true"/>
                    <br/>
                    <h:commandLink value="Delete Stakeholder" action="/TCubeAdmin/SABM_SM/deleteStakeholder.xhtml?faces-redirect=true"/>
                    <br/>
                    <h:commandLink value="Change Stakeholder Tier" action="/TCubeAdmin/SABM_SM/changeStakeholderTier.xhtml?faces-redirect=true"/>
                    <br/>
                    <h:commandLink value="Create Stakeholder Tier" action="/TCubeAdmin/SABM_SM/createNewTier.xhtml?faces-redirect=true"/>
                    <br/>
                    <h:commandLink value="Delete Stakeholder Tier" action="/TCubeAdmin/SABM_SM/deleteTier.xhtml?faces-redirect=true"/>
                    <br/>
                    <h:commandLink value="Modify Tier Information" action="/TCubeAdmin/SABM_SM/modifyTier.xhtml?faces-redirect=true"/>
                    <br/>
                </h:form>
            </p:layoutUnit>
            <p:layoutUnit position="center" header="Settings">
                <h2>Add Stakeholder</h2>
                <h:form>
                    <p:panel id="panel" >
                        <p:ajaxStatus style="width:16px;height:16px;">
                            <f:facet name="start">
                                <h:graphicImage value="http://www.primefaces.org:8080/showcase/design/ajaxloading.gif" />
                            </f:facet>
                            <f:facet name="complete">
                                <h:outputText value="" />
                            </f:facet>
                        </p:ajaxStatus>
                        <p:messages />
                        <h:panelGrid columns="3">
                            <h:outputLabel for="stakeholderName" value="Stakeholder name:"/>
                            <p:inputText required="true" requiredMessage="Stakeholder name is requied!"
                                         id="stakeholderName" value="#{stakeholderAccountsManagerBean.stakeholderName}"/>
                            <p:message for="stakeholderName"/>

                            <h:outputLabel for="loyaltyPoints" value="Initial loyalty points: "/>
                            <p:inputText required="true" requiredMessage="initial loyalty points required"
                                         id="loyaltyPoints" value="#{stakeholderAccountsManagerBean.loyaltyPoints}"/>
                            <p:message for="loyaltyPoints"/>

                            <h:outputLabel for="email" value="Email: "/>
                            <p:inputText required="true" requiredMessage="needs to fill in email!" id="email"
                                         value="#{stakeholderAccountsManagerBean.email}">
                                <f:validateRegex pattern="[a-zA-Z0-9]+@[a-zA-Z0-9]+\.[a-zA-Z0-9]+"/>
                            </p:inputText>
                            <p:message for="email"/>

                            <h:outputLabel for="tier" value="Stakholder's Membership Tier: "/>
                            <h:selectOneMenu value="#{stakeholderAccountsManagerBean.stakeholderTier}">
                                <f:selectItems value="#{tierManagerBean.allTiers}" var="c" itemLabel="#{c.name}" itemValue="#{c.name}" />
                            </h:selectOneMenu>                
                        </h:panelGrid>
                        <br/>

                        <br/>
                        <h:commandButton id="submitNewStakeholder" value="Create Account" onclick="if (!confirm('Are you sure you want to create new stakeholder?')) return false"
                                         action="#{stakeholderAccountsManagerBean.createStakeholder(event)}"
                                    />
                            
                                           
                              

                        
                    </p:panel>
                </h:form>
                <br/>
                <br/>
            </p:layoutUnit>
        </p:layout>


    </h:body> 
</html>